.mygames-container .mygames-list
{
}

.mygames-container .mygames-list .mygame
{
		border: 1px solid white;
		border-radius: 10px;
		padding: 2%;
		margin: 2%;
		cursor: pointer;
}

.mygames-container .mygames-list .mygame[currentgame="true"]
{
		background: gray;
		opacity: 0.6;
}

.mygames-container .mygames-list .mygame[currentgame="false"]
{
		background: gray;
		opacity: 0.4;
}

.mygames-container .mygames-list .mygame .players
{
		font-size: 14px;
		border-bottom: solid white 1px;
}

.mygames-container .mygames-list .mygame .players span[currentplayer="true"]
{		
		float: left;
		font-size: 19px;
}

.mygames-container .mygames-list .mygame .players span
{
		font-size: 10px;
		padding: 0 2% 0 2%;
}

.mygames-container .mygames-list .mygame .players span[currentplayer="false"]
{
		float: right;
		font-size: 12px;
}

.mygames-container .mygames-list .mygame div .label
{
		font-size: 10px;
		padding: 0 2% 0 2%;
}

.mygames-container .mygames-list .mygame div .value
{
		font-size: 10px;
		padding: 0 2% 0 2%;
		float: right;
}